<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>地理位置 - 黑龙江旅游</title>
    <link rel="stylesheet" href="D:\web1\travel\css\base.css" type="text/css" media="all">
    <link rel="stylesheet" href="D:\web1\travel\css\geography.css" type="text/css" media="all">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <!-- 顶部搜索栏和导航 -->
        <div class="top-bar">
            <div class="search-box">
                <form action="search.html" method="get">
                    <input type="text" name="keyword" placeholder="搜索景点、攻略...">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
            </div>
            
            <ul class="top-nav">
                <li><a href="login.html"><i class="fa fa-user-circle"></i> 登录</a></li>
                <li><a href="register.html"><i class="fa fa-user-plus"></i> 注册</a></li>
                <li><a href="about.html"><i class="fa fa-info-circle"></i> 关于我们</a></li>
            </ul>
        </div>

        <!-- 主导航菜单 -->
        <div class="main-menu">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="history.html">历史沿革</a></li>
                <li><a href="geography.html">地理位置</a></li>
                <li><a href="culture.html">风俗文化</a></li>
                <li><a href="attractions.html">景点选择</a></li>
                <li><a href="products.html">名优特产</a></li>
                <li><a href="message.html">在线留言</a></li>
            </ul>
            <button class="menu-toggle"><i class="fa fa-bars"></i></button>
        </div>

        <!-- 内容区域 -->
        <div class="content">
            <div class="bar">
                <h3>黑龙江地理位置与自然环境</h3>
            </div>
            
            <div class="geo-container">
                <!-- 地理位置概述 -->
                <div class="geo-overview">
                    <h4>地理位置概述</h4>
                    <p>黑龙江省位于中国最东北部，地理坐标为东经121°11′-135°05′，北纬43°25′-53°33′，是中国位置最北、纬度最高的省份。</p>
                    
                    <figure class="geo-map">
                        <img src="D:\img\img13.jpg" alt="黑龙江省地图">
                        <figcaption>黑龙江省地理位置图</figcaption>
                    </figure>
                    
                    <details>
                        <summary>邻接地区</summary>
                        <p>黑龙江省东部和北部以乌苏里江、黑龙江为界河与俄罗斯为邻，与俄罗斯的水陆边界长约3045公里；西接内蒙古自治区，南连吉林省。</p>
                    </details>
                </div>

                <!-- 地形地貌 -->
                <div class="geo-features">
                    <h4>地形地貌特征</h4>
                    <div class="features-grid">
                        <div class="feature-card">
                            <i class="fa fa-mountain"></i>
                            <h5>山地地形</h5>
                            <p>山地占全省总面积的58%，主要有大兴安岭、小兴安岭、张广才岭、老爷岭等山脉。</p>
                        </div>
                        
                        <div class="feature-card">
                            <i class="fa fa-tree"></i>
                            <h5>平原地区</h5>
                            <p>松嫩平原和三江平原是中国重要的商品粮基地，地势平坦，土壤肥沃。</p>
                        </div>
                        
                        <div class="feature-card">
                            <i class="fa fa-tint"></i>
                            <h5>河流湖泊</h5>
                            <p>主要河流有黑龙江、松花江、乌苏里江等，湖泊有兴凯湖、镜泊湖等。</p>
                        </div>
                    </div>
                </div>

                <!-- 气候特征 -->
                <div class="geo-climate">
                    <h4>气候特征</h4>
                    <p>黑龙江省属于温带大陆性季风气候，四季分明，冬季寒冷漫长，夏季温暖短促，春秋两季气候多变。</p>
                    
                    <div class="climate-data">
                        <div class="climate-item">
                            <span class="climate-label">年均温</span>
                            <span class="climate-value">-5℃ ~ 3℃</span>
                        </div>
                        <div class="climate-item">
                            <span class="climate-label">年降水量</span>
                            <span class="climate-value">400 ~ 650毫米</span>
                        </div>
                        <div class="climate-item">
                            <span class="climate-label">无霜期</span>
                            <span class="climate-value">100 ~ 140天</span>
                        </div>
                    </div>
                </div>


            </div>
        </div>

        <!-- 页脚 -->
        <div class="end">
            <p>© 黑龙江旅游网 版权所有 | 联系电话：0451-12345678 | 地址：哈尔滨市南岗区中山路</p>
        </div>
    </div>

    <script>
        // 移动端菜单切换
        document.querySelector('.menu-toggle').addEventListener('click', function() {
            document.querySelector('.main-menu ul').classList.toggle('show');
        });

       
    </script>
</body>
</html>